<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定格动画</title>
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/jquery.reel.js"></script>
    <style type="text/css">
        div {
            margin: 100px auto;
        }
    </style>
</head>
<body>
    <div>
        <!-- 赛车 -->
        <!-- <img src="img/f1.jpg" width="276" height="126"
        class="reel"
        id="image"
        data-image="img/f1-reel.jpg"
        data-cw="true"
        data-frames="35"
        data-cw="true"
        data-speed="-0.3"
        data-throwable="1.2"
        data-brake="0.2"> -->

        <img src="img/WX1.png" width="945" height="470" 
        class="reel"
        id="image"
        data-images="img/sr##.jpg"
        data-footage="22"
        data-cw="false"
        data-orbital="10"
        data-duration="4"
        data-speed="0.5"> 
    </div>
</body>
</html>